<template>
  <div v-if="S_DATA">
    <h1 type="primary">模块名字：{{mNames[S_DATA.cName]}}</h1>
    <p>uuid:{{S_DATA.uuid}}</p>
    <h1>{{S_DATA.name}}</h1>
    <div v-for="(key,index) in S_DATA.style">
      <div>{{index}}：</div>
      <el-input v-model="S_DATA.style[index]" placeholder="请输入"></el-input>
    </div>
    <h1>内容配置</h1>
    <div v-for="(key,index) in S_DATA.props">
      <div>{{index}}：</div>
      <el-input v-model="S_DATA.props[index]" placeholder="请输入"></el-input>
    </div>
    <h1>脚本JS</h1>

  </div>
</template>

<script>
  import Event from '@/tools/_vue'

  export default {
    name: "setting",
    data() {
      return {
        S_DATA: null,
        mNames: {
          'v-text': '文本',
          'v-button': '按钮',
          'v-image': '图片',
          'v-page': '模块'
        }
      }
    },
    created() {
      Event.$on('on_D_DATA', (val) => {
        this.S_DATA = val
        //console.log('this.S_DATA')
        
      })
    },
    mounted(){
      
    }
  }
</script>

<style scoped>

</style>
